{% extends "base.html" %} {% block title %}登录{% endblock %}
{% block content %}
  <div class="page">
    <form method="post">
      <div class="weui-form">
        <div class="weui-form__bd">
          <div class="weui-form__text-area">
            <h2 class="weui-form__title">验证码登录</h2>
            <div class="weui-form__desc">分享图书项目是一个使用axum开发的web小项目，它提供用户上传图书，分享图书，以及搜索图书，也提供用户交流。</div>
          </div>
          <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
              <div class="weui-cells">
                <!-- <div class="weui-cell weui-cell_active">
                  <div class="weui-cell__hd">
                    <label for="js_input1" class="weui-label">手机号</label>
                  </div>
                  <div class="weui-cell__bd">
                    <input
                      id="js_input1"
                      class="weui-input"
                      type="number"
                      pattern="[0-9]*"
                      placeholder="请输入手机号"
                      value="12345678907"
                    />
                  </div>
                  <div class="weui-cell__ft">
                    <button
                      type="button"
                      id="showIOSDialog1"
                      class="weui-btn_reset weui-btn_icon"
                    >
                      <i
                        role="img"
                        alt="帮助"
                        class="js_target weui-icon-info-circle"
                      ></i>
                    </button>
                  </div>
                </div> -->
                <div class="weui-cell"><p>使用说明：请打开微信扫描下方二维码，关注后在聊天区发送<strong>验证码</strong></p></div>
                <div class="weui-cell"><img style="display:block;height:auto;max-width:100%"
                    src="https://libs.91demo.top/mp3.jpg" alt="二维码图片"></img></div>
                <div id="js_cell_vcode" class="weui-cell weui-cell_active weui-cell_vcode weui-cell_wrap">
                  <div class="weui-cell__hd">
                    <label for="js_input2" class="weui-label">验证码</label>
                  </div>

                  <div class="weui-cell__bd weui-flex">
                    <input id="js_input2" class="weui-input weui-cell__control weui-cell__control_flex" type="number"
                      pattern="[0-9]*" id="js_input" placeholder="输入验证码" maxlength="6" name="vcode" />

                  </div>

                </div>
                
              </div>
              <div role="alert" id="js_current_tips" style="display: block;" class="weui-cells__tips weui-cells__tips_warn">{{err}}</div>

            </div>
          </div>
        </div>
        <div class="weui-form__ft">
          <div class="weui-form__opr-area">
            <button class="weui-btn weui-btn_primary" type="submit">
              确定
            </button>
          </div>
        </div>
      </div>
    </form>
  </div>
  {% endblock %}